<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="Keywords" content="网站设计" />
    <meta name="Description" content="网站设计" />
    <meta name="author" content="" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>联系我们 - 穿石科技</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/contact.css">
    <link rel="stylesheet" href="./css/animate.min.css">
</head>
<style>
    .pop{
        display:none;
    }
    .BMapLabel {
        border: none !important;
    }

    .anchorBL,
    .BMapLabel {
        display: none !important;
    }
</style>

<body>
    <div class="menu loaded">
        <button class="menu-button">
            <p>菜单</p>
            <span></span>
        </button>
    </div>
    <section id="stay-up-to-date">
        <p>chuan shi technology</p>
    </section>
    <!-- 菜单 -->
    <section class="newMenu" id="newMenu">
        <div class="menu__corner">
            <img src="./images/caidan/6.png" alt="">
        </div>

        <div class="menu__wrapper">
            <div class="menu__cols">
                <a href="./index.html" class="menu__col"
                    style="background-image: url('./images/caidan/img2.png');background-size:100% 100%">
                    <h2 class="col__heading">
                        首页
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./show.html" class="menu__col" style="background-image: url('./images/caidan/img3.png');">
                    <h2 class="col__heading">
                        案例
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./componey.html" class="menu__col" style="background-image: url('./images/caidan/img1.png');">
                    <h2 class="col__heading">
                        关于我们
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./contact.html" class="menu__col" style="background-image: url('./images/caidan/img5.png');">
                    <h2 class="col__heading">
                        联系我们
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
                <a href="./news.html" class="menu__col" style="background-image: url('./images/caidan/img4.png');">
                    <h2 class="col__heading">
                        新闻资讯
                    </h2>
                    <div class="case-image">
                    </div>
                </a>
            </div>
        </div>

    </section>
    <section id="contact-form">
        <div class="container">
            <h2 class="boxify">与我们<br>联系</h2>
            <form id="formularz-kontaktowy">
                <input class="input1 fl" type="text" style="border:0;border-bottom:1px solid #000;width:47%;padding-bottom:27px;padding-top: 60px;margin-right:6%" placeholder="姓名">
                <input class="input1 fl" type="text" style="border:0;border-bottom:1px solid #000;width:47%;padding-bottom:27px;padding-top: 60px;" placeholder="电话">
                <input class="input1" type="textarea" style="border:0;border-bottom:1px solid #000;width:100%;padding-bottom:27px;padding-top: 60px;" placeholder="留言">
                <button>发送</button>
            </form>
            <div class="contact-window contact-window1 active">
                <div class="contact-window--gdynia">
                    <h2><strong>与我们联系<br> 并讨论<br>您的项目</strong></h2>
                        <p>咨询:</p>
                        <span class="phone" style="font-family: sans-serif;">电话：<em>+133-3661-9741</em></span>
                        <span class="mail">邮箱：2881344520@qq.com</span>
                        <p>地址</p>
                        <span class="address">浙江省宁波市高新区研发园A2栋418</span>
                        <p>工作时间:</p>
                        <span class="runtime">周一至周五：上午9:00-下午5:00</span>
                        <p>我们诚挚的邀请您</p>
                        <hr>
                </div>
            </div>
            <div class="contact-window contact-window2">
                <div class="contact-window--gdynia">
                    <h2><strong>与我们联系<br> 并讨论<br>您的项目</strong></h2>
                        <p>咨询:</p>
                        <span class="phone" style="font-family: sans-serif;">电话：<em>+133-3661-9741</em></span>
                        <span class="mail">邮箱：2881344520@qq.com</span>
                        <p>地址</p>
                        <span class="address">浙江省宁波市高新区研发园A2栋418</span>
                        <p>工作时间:</p>
                        <span class="runtime">周一至周五：上午9:00-下午5:00</span>
                        <p>我们诚挚的邀请您</p>
                        <hr>
                </div>
            </div>
            <div class="contact-window contact-window3">
                <div class="contact-window--gdynia">
                    <h2><strong>与我们联系<br> 并讨论<br>您的项目</strong></h2>
                        <p>咨询:</p>
                        <span class="phone" style="font-family: sans-serif;">电话：<em>+133-3661-9741</em></span>
                        <span class="mail">邮箱：2881344520@qq.com</span>
                        <p>地址</p>
                        <span class="address">浙江省宁波市高新区研发园A2栋418</span>
                        <p>工作时间:</p>
                        <span class="runtime">周一至周五：上午9:00-下午5:00</span>
                        <p>我们诚挚的邀请您</p>
                        <hr>
                </div>
            </div>
        </div>
    </section>
    <div id="map-holder">
        <div style="width:100%;height:1200px;border:#ccc solid 1px;" id="ningbo" class="city active">
        </div>
        <div style="width:100%;height:1200px;border:#ccc solid 1px;" id="hangzhou" class="city">
        </div>
        <div style="width:100%;height:1200px;border:#ccc solid 1px;" id="shanghai" class="city">
        </div>
        <div class="container">
            <ul class="change-location">
                <li><a href="javascript:void(0)" class="poz"><span>杭州</span></a></li>
                <li><a href="javascript:void(0)" class="active gdy"><span>宁波</span></a></li>
                <li><a href="javascript:void(0)" class="wwa"><span>上海</span></a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript" src="https://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <script>
        //创建和初始化地图函数：
        function initMap() {
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
        }

        //创建地图函数：
        function createMap() {
            var map = new BMap.Map("ningbo");//在百度地图容器中创建一个地图
            var point = new BMap.Point(121.684024, 29.689518);//定义一个中心点坐标
            map.centerAndZoom(point, 11);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent() {
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl() {
        }

        //标注点数组
        var markerArr = [{ title: "我的标记", content: "我的备注", point: "121.885244|29.714114", isOpen: 0, icon: { w: 100, h: 100, l: 0, t: 0, x: 6, lb: 5 } }
        ];
        //创建marker
        function addMarker() {
            for (var i = 0; i < markerArr.length; i++) {
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0, p1);
                var iconImg = createIcon(json.icon);
                // var iconImg = new BMap.Icon("../images/componey/logo_1.png");
                var marker = new BMap.Marker(point, { icon: iconImg });
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                    borderColor: "#808080",
                    color: "#333",
                    cursor: "pointer"
                });

                (function () {
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click", function () {
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open", function () {
                        _marker.getLabel().hide();
                    })
                    _iw.addEventListener("close", function () {
                        _marker.getLabel().show();
                    })
                    label.addEventListener("click", function () {
                        _marker.openInfoWindow(_iw);
                    })
                    if (!!json.isOpen) {
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow(i) {
            var json = markerArr[i];
            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
            return iw;
        }
        //创建一个Icon
        function createIcon(json) {
            var icon = new BMap.Icon("./images/logo.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
            return icon;
        }
        initMap();//创建和初始化地图

        //创建和初始化地图函数：
        function initMap2() {
            createMap2();//创建地图
            setMapEvent2();//设置地图事件
            addMapControl2();//向地图添加控件
            addMarker2();//向地图中添加marker
        }
        //创建地图函数：
        function createMap2() {
            var map2 = new BMap.Map("hangzhou");//在百度地图容器中创建一个地图
            var point2 = new BMap.Point(119.493704, 31.14687);//定义一个中心点坐标
            map2.centerAndZoom(point2, 11);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map2;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent2() {
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl2() {
        }

        //标注点数组
        var markerArr2 = [{ title: "我的标记", content: "我的备注", point2: "120.306059|30.196663", isOpen: 0, icon: { w: 100, h: 100, l: 0, t: 0, x: 6, lb: 5 } }
        ];
        //创建marker
        function addMarker2() {
            for (var i = 0; i < markerArr2.length; i++) {
                var json2 = markerArr2[i];
                var p3 = json2.point2.split("|")[0];
                var p4 = json2.point2.split("|")[1];
                var point2 = new BMap.Point(p3, p4);
                var iconImg2 = createIcon(json2.icon);
                // var iconImg = new BMap.Icon("../images/componey/logo_1.png");
                var marker2 = new BMap.Marker(point2, { icon: iconImg2 });
                var iw2 = createInfoWindow(i);
                var label2 = new BMap.Label(json2.title, { "offset": new BMap.Size(json2.icon.lb - json2.icon.x + 10, -20) });
                marker2.setLabel(label2);
                map.addOverlay(marker2);
                label2.setStyle({
                    borderColor: "#808080",
                    color: "#333",
                    cursor: "pointer"
                });

                (function () {
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker2 = marker2;
                    _marker2.addEventListener("click", function () {
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open", function () {
                        _marker2.getLabel().hide();
                    })
                    _iw.addEventListener("close", function () {
                        _marker2.getLabel().show();
                    })
                    label2.addEventListener("click", function () {
                        _marker2.openInfoWindow(_iw);
                    })
                    if (!!json2.isOpen) {
                        label2.hide();
                        _marker2.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow2(i) {
            var json2 = markerArr2[i];
            var createInfoWindow2 = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
            return iw2;
        }
        //创建一个Icon
        function createIcon(json) {
            var icon = new BMap.Icon("./images/logo.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
            return icon;
        }

        initMap2();//创建和初始化地图



        //创建和初始化地图函数：
        function initMap3() {
            createMap3();//创建地图
            setMapEvent3();//设置地图事件
            addMapControl3();//向地图添加控件
            addMarker3();//向地图中添加marker
        }
        //创建地图函数：
        function createMap3() {
            var map3 = new BMap.Map("shanghai");//在百度地图容器中创建一个地图
            var point3 = new BMap.Point(120.896426, 31.941176);//定义一个中心点坐标
            map3.centerAndZoom(point3, 11);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map3;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent3() {
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl3() {
        }

        //标注点数组
        var markerArr3 = [{ title: "我的标记", content: "我的备注", point3: "121.587187|31.223083", isOpen: 0, icon: { w: 100, h: 100, l: 0, t: 0, x: 6, lb: 5 } }
        ];
        //创建marker
        function addMarker3() {
            for (var i = 0; i < markerArr3.length; i++) {
                var json3 = markerArr3[i];
                var p3 = json3.point3.split("|")[0];
                var p4 = json3.point3.split("|")[1];
                var point3 = new BMap.Point(p3, p4);
                var iconImg3 = createIcon(json3.icon);
                // var iconImg = new BMap.Icon("../images/componey/logo_1.png");
                var marker3 = new BMap.Marker(point3, { icon: iconImg3 });
                var iw3 = createInfoWindow(i);
                var label3 = new BMap.Label(json3.title, { "offset": new BMap.Size(json3.icon.lb - json3.icon.x + 10, -20) });
                marker3.setLabel(label3);
                map.addOverlay(marker3);
                label3.setStyle({
                    borderColor: "#808080",
                    color: "#333",
                    cursor: "pointer"
                });

                (function () {
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker3 = marker3;
                    _marker3.addEventListener("click", function () {
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open", function () {
                        _marker3.getLabel().hide();
                    })
                    _iw.addEventListener("close", function () {
                        _marker3.getLabel().show();
                    })
                    label3.addEventListener("click", function () {
                        _marker3.openInfoWindow(_iw);
                    })
                    if (!!json3.isOpen) {
                        label3.hide();
                        _marker3.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow3(i) {
            var json3 = markerArr3[i];
            var createInfoWindow3 = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
            return iw3;
        }
        //创建一个Icon
        function createIcon(json) {
            var icon = new BMap.Icon("./images/logo.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
            return icon;
        }

        initMap3();//创建和初始化地图
    </script>

    <footer class="active">
        <div class="container">
            <p class="copyright">
                Copyright © 宁波穿石网络科技有限公司 All rights reserved&nbsp;&nbsp;&nbsp;<a
                    href="http://beian.miit.gov.cn">浙ICP备18010826号</a>
            </p>
        </div>
    </footer>

</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="./js/jquery.aniview.min.js"></script>
<script src="js/base.js"></script>
<script>
    $(".change-location li a").click(function () {
        $(".change-location li a").removeClass("active");
        $(this).addClass("active");
    })

</script>